.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.container-load {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.load {
    width: 10%;
}
.title {
    font-size: 30fp;
    color: #000000;
    opacity: 0.9;
    align-self: center;
}

.progress-item {

    width: 80%;
    height: 30fp;
    stroke-width:20px
}

.item{
    flex-direction: column;
    height: 100fp;
}

@media screen and (device-type: tablet) and (orientation: landscape) {

}

@media screen and (device-type: wearable) {
    .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 590px;
    }
    .container-load {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 200px;
    }
    .load {
        width: 100px;
    }
    .title {
        font-size: 15fp;
        color: #ffffff;
        opacity: 0.9;
        align-self: center;
        height: 50fp;
    }

    .progress-item {
        width: 75%;
        stroke-width:20px
    }

    .item{
        flex-direction: column;
        height: 160px;
    }
}

@media screen and (device-type: tv) {
    .title {
        font-size: 30fp;
        color: #ffffff;
        opacity: 0.9;
        align-self: center;
    }
}

@media screen and (device-type: phone) and (orientation: landscape) {


}
@media screen and (device-type: phone) {
    .load {
        width: 20%;
    }

}
